﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>

    <link href="~/Content/Site.css?ver=1" rel="stylesheet" />
    <link href="~/Plugin/kendo/css/kendo.common.min.css" rel="stylesheet" />
    <link href="~/Plugin/kendo/css/kendo.material.min.css" rel="stylesheet" />

    <script src="~/Scripts/jquery-3.2.1.min.js"></script>
    <script src="~/Plugin/kendo/script/kendo.all.min.js"></script>
    <script src="~/Plugin/kendo/script/kendo.aspnetmvc.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
</head>
<body>
    <div id="kendoConfirm"></div>
    @(
        Html.Kendo().Window()
        .Name("window")
        .Width(400)
        .Modal(true)
        .Draggable(true)
        .Visible(false)
        .AutoFocus(true)    
        .Content("Loading....")
        .Events(e => e.Refresh("refreshWindowEvent"))
    )

    @(
        Html.Kendo().Notification()
        .Name("notification")
        .Position(p => p.Pinned(true).Top(30).Right(30))
        .Stacking(NotificationStackingSettings.Down)
        .AutoHideAfter(2000)
    )

    <script src="~/Scripts/Site.js?ver=1"></script>

    @(
        Html.Kendo().Splitter()
        .Name("vertical")
        .Orientation(SplitterOrientation.Vertical)
        .Panes(verticalPanes =>
        {
            @* --- 顶部 --- *@
            verticalPanes.Add()
                .HtmlAttributes(new { id = "top-pane" })
                .Size("70px")
                .Resizable(false)
                .Content(
                    @<text>
                        <div class="pane-logo"></div>
                        <div class="pane-info">
                            <ul>
                                <li>新通知(0)</li>
                                <li>待办事项(11)</li>
                                <li>@OA.Controllers.BaseController.CurrentUser.Department</li>
                                <li>@OA.Controllers.BaseController.CurrentUser.Post</li>
                                <li>@OA.Controllers.BaseController.CurrentUser.Name</li>
                                <li>@Html.ActionLink("注销", "LogOut", "Accounts")</li>
                            </ul>
                        </div>
                    </text>
                );
            
            @* --- 中部 --- *@
            verticalPanes.Add()
                .HtmlAttributes(new { id = "middle-pane" })
                .Resizable(false)
                .Content(
                        Html.Kendo().Splitter()
                        .Name("horizontal")
                        .HtmlAttributes(new { style = "height: 100%;" })
                        .Panes(horizontalPanes =>
                        {
                            horizontalPanes.Add()
                                .HtmlAttributes(new { id = "left-pane" })
                                .Size("220px")
                                .Scrollable(true)
                                .Resizable(false)
                                .Content(
                                    @<div class="pane-content">
                                        @Html.Partial("_Menu")
                                    </div>);
    
                            horizontalPanes.Add()
                                .HtmlAttributes(new { id = "center-pane" })
                                .Collapsible(false)
                                .Content(
                                    @<div class="pane-content">
                                        @RenderBody()
                                    </div>);
                        }).ToHtmlString()
                );
            
            @* --- 底部 --- *@
            verticalPanes.Add()
                .Size("50px")
                .HtmlAttributes(new { id = "bottom-pane" })
                .Resizable(false)
                .Scrollable(false)
                .Content(
                    @<div class="pane-content">
                        <p>Non-resizable and non-collapsible.</p>
                    </div>
                );
        })
    )

    @using StackExchange.Profiling
    @MiniProfiler.RenderIncludes()
</body>
</html>